<div id="register">
 <div class="register-list">
   <ul>
     <li>
       <input type="text" placeholder="请输入手机号" id="tel" [(ngModel)]="str" (focus)="doFocus()" (blur)="doBlur()">
       <div id="tel-err-t">
         <div id="tel-err" *ngIf="doRemove.type"><img src="../../assets/register/error.jpg" alt="">
           <span>{{doRemove.str}}</span>
         </div>
       </div>
     </li>
     <li>
       <input type="password" placeholder="请输入密码(6-20位号码字符)" id="psd" [(ngModel)]="pwd" (focus)="doPwd()" (blur)="dobp()">
       <div id="tel-err-p">
         <div id="pwd-err" *ngIf="doP.type"><img src="../../assets/register/error.jpg" alt="">
           <span>{{doP.str}}</span>
         </div>
       </div>
     </li>
     <li>
       <input type="text"  placeholder="验证码" id="telIpt">
       <img src="http://placehold.it/40x20" alt="">
     </li>
     <li id="telLi">
       <input type="text" placeholder="请输入手机验证码" id="tel-Y" [(ngModel)]="yzS" (focus)="doYzm()" (blur)="doby()">
       <span id="telSpan" (click)="doClick($event)">手机验证码</span>
       <div id="tel-err-y">
         <div id="yzm-err" *ngIf="doY.type"><img src="../../assets/register/error.jpg" alt="">
           <span>{{doY.str}}</span>
         </div>
       </div>
     </li>
     <li id="agreement">
       <input type="radio" id="do">
       <div id="agree">
         <label for="do">我已阅读并同意</label>
         <a href="###">《礼拜五用户使用协议》</a>
       </div>
     </li>
     <li id="loginReg">
       <a [routerLink]="promise" (click)="doRegister($event)">注册</a>
       <a [routerLink]="['/login']">登录</a>
     </li>
   </ul>
 </div>
</div>
